<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
body,dl,dd{
  margin:0;
  font-size:12px;
  font-family:"宋体";
}
ul {
  margin:0;
  padding:0;
  list-style:none;
}
a {
  text-decoration:none;
}
img {
  border:none;
  vertical-align:top;
}
.span1 {
  color:#333333;
}
.span2 {
  color:#666666;
}
.box {
  width:310px;
  margin:30px auto;
}
.head {
  height:28px;
  background:url(img9/head.jpg) no-repeat;

}
.head span {
  display:block;
  height:19px;
  background:url(img9/headBg.gif) no-repeat 12px 7px;
  padding:9px 0 0 38px;
}
.middle {
  position:relative;
}
.middleL {
  display:block;
  padding-top:13px;

}
.middleL img {
  padding:2px;
  border:1px solid #c8c4d3;
}
.middleR {
  padding-top:9px;
  position:absolute;
  left:134px;
  top:0;
}
.middleR dt a {
  line-height:30px;
  color:#333333;
}
.middleR dd {
  line-height:20px;
}
.text {
  padding-top:12px;
}
.text a {
  width:292px;
  background:url(img9/textBg.gif) no-repeat 17px 12px;
  text-indent:31px;
  float:left;/* IE6下，本身没浮动但内容浮动留下的间隙问题 */
}
.text .span1 {
  display:block;
  padding-top:8px;
  float:left;
}
.text .span2{
  line-height:22px;
  float:right;
}
</style>
</head>
<body>
<div class="box">
  <div class="head">
    <span>明星荐片</span>
  </div>
  <div class="middle">
    <a class="middleL" href="#">
      <img src="img9/img9.jpg">
    </a>
    <dl class="middleR">
      <dt>
        <a href="#">
          <strong>周秀娜荐片：让子弹飞</strong>
        </a>
      </dt>
      <dd>
        <span class="span2">导演：</span>
        <span class="span1">姜文</span>
      </dd>
      <dd>
        <span class="span2">导演：</span>
        <span class="span1">姜文 周润发 葛优</span>
      </dd>
      <dd>
        <a href="#">
          <span class="span2">点评：我最近最新欢的要算《让子弹飞》了，超喜欢...[详细]</span>
        </a>
      </dd>
    </dl>
  </div>
  <ul class="text">
    <li>
      <a href="#">
        <span class="span1">《巴别塔》：好的故事引人深思</span>
        <span class="span2">阿朵</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="span1">《洛杉矶之战》：外星人那么弱智？</span>
        <span class="span2">丁子峻</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="span1">《让子弹飞塔》：姜文是我的偶像</span>
        <span class="span2">周秀娜</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="span1">《剑雨》：武侠里也可以有爱情</span>
        <span class="span2">叶念琛</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="span1">《春风沉醉的夜晚》：非常真实</span>
        <span class="span2">如小果</span>
      </a>
    </li>
    <li>
      <a href="#">
        <span class="span1">《克洛伊》：故事简单却细致</span>
        <span class="span2">刘若英</span>
      </a>
    </li>
  </ul>
</div>
</body>
</html>
